<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>03)分区元素</title>
</head>
<body>
    <h1>大家中午好<span style="color:green">你好</span>欢迎你</h1>
    <h1><span style="color:blue">2025年9月20日</span>
        <span style="color: green">
            六
        </span>点<span style="color: orange">晴</span></h1>
    <div>我是块级元素</div>
    <div class="header">我是头部</div>
    <div class="nav">我是导航</div>
    <div class="main">我是主体</div>
    <div class="footer">我是尾部</div>
    <hr>
    <header>我是头部</header>
    <nav>我是导航</nav>
    <main>我是主体</main>
    <footer>我是尾部</footer>
</body>
</html>